// Prop 是你可以在组件上注册的一些自定义 attribute
Vue.component("article-item", {
	template: `<div>
		<div>
			<b>{{ title }}</b>
		</div>
		<p>{{ desc }}</p>
	</div>
	`,
	props: ["title", "desc"]
})

// .vue




// 函数
// alert(1)
// alert("123")
// alert("qwerty")
// alert(90)
// Vue.component 全局注册的
// 定义一个名为 button-counter 的新组件
Vue.component('button-counter', {
	// he "data" option should be a function
  data() {
	  return {
		  count: 0
	  }
  },
  template: `
  <button @click="add">
	You clicked me {{ count }} times.
	{{ count10 }}
  </button>
  `,
  computed: {
	  count10() {
		  return (this.count * 10).toFixed(5)
	  }
  },
  watch: {
	  count(to) {
		  console.log(to)
	  }
  },
  methods: {
	  add() {
		  this.count++
	  }
  }
})

const app = new Vue({
	data() {
		return {
			msg: "Component",
			articleList: [
				{
					title: "张洪泉:冰雪为媒 共赴冬奥之约,应理解女单短节目朱易发挥...",
					desc: "2月6日9时30分,北京冬奥会花样滑冰团体赛进入第四个项目——女单短节目的争夺中。尽管中国选手朱易本场发挥欠佳,只得到1分,赛后中国队与格鲁吉亚队同积22分,但中国队依旧排名第五,惊险晋级第."
				},
				{
					title: "冰雪为媒 共赴冬奥之约感想【五篇】",
					desc: "第24届冬季奥林匹克运动会将于北京启幕,时隔四年,我们将再次一同享受这场冰雪盛宴。以下是©无忧考网为大家精心整理了冰雪为媒 共赴冬奥之约感想【五篇】,欢迎各位前来阅读。 1.冰雪为媒 共..."
				},
				{
					title: "冰雪为媒 共赴冬奥之约 | 被志愿者感动哭的美国选手又哭了...",
					desc: "#冰雪为媒 共赴冬奥之约 | 被志愿者感动哭的美国选手又哭了!不想回家!#从开幕第一天到回国,美国单板滑雪运动员特莎·莫德在北京冬奥会一直被感动着,志愿者友善,吃的好,住的舒服……这里的.."
				}
			]
		}
	},
}).$mount("#app")
